.setting-stage-pane {
    /*-fx-border-color: derive(grey, 50%);*/
    -fx-background-color: derive(rgba(53, 136, 225, 0.01), -20%);

}

.setting-stage-pane .container-pane {
    -fx-background-color: -fx-main-background-color;
    /*-fx-padding: 2px;*/

}

.setting-stage-pane .container-pane .setting-header-pane {
    -fx-padding: 0px 10px 10px 10px;
    -fx-alignment: center-left;
}

.setting-stage-pane .container-pane .setting-header-pane .label {
    -fx-font-size: 18px;
    -fx-font-weight: 800;
}

.setting-stage-pane .container-pane .setting-left-pane {
    -fx-spacing: 10px;
    -fx-border-width: 0 1px 0px 0px;
    -fx-border-color: derive(grey, 80%);
}

.setting-stage-pane .container-pane .setting-left-pane .button{
    -fx-background-color: transparent;
    -fx-border-width: 0;
    -fx-pref-width: 120px;
    -fx-font-weight: 800;
    -fx-font-size: 14px;
}

.setting-stage-pane .container-pane .setting-left-pane .active{
    -fx-text-fill:-fx-highlight-color;
    -fx-border-color: -fx-highlight-color;
    -fx-border-width: 0 2px 0 0;
}

.setting-stage-pane .container-pane .setting-content-pane .account-setting-pane,
.setting-stage-pane .container-pane .setting-content-pane .shortcutkey-setting-pane,
.setting-stage-pane .container-pane .setting-content-pane .about-pane,
.setting-stage-pane .container-pane .setting-content-pane .file-setting-pane {
    -fx-pref-width: 500px;
    -fx-max-width: 500px;
    -fx-hgap: 10px;
    -fx-vgap: 10px;
    -fx-padding: 80px 20px 20px 20px;
    -fx-grid-lines-visible: false;
}

.setting-stage-pane .container-pane .setting-content-pane .account-setting-pane .text-field,
.setting-stage-pane .container-pane .setting-content-pane .account-setting-pane .text-area {
    -fx-pref-width: 100px;
    -fx-background-color: -fx-second-background-color;
    -fx-font-size: 18px;
    -fx-wrap-text: true;
    -fx-background-insets: 0;
}

.setting-stage-pane .container-pane .setting-content-pane .account-setting-pane .text-area:focused {
    -fx-background-color: transparent, white, transparent, white;
    -fx-border-color: transparent;
}

.setting-stage-pane .container-pane .setting-content-pane .account-setting-pane .label,
.setting-stage-pane .container-pane .setting-content-pane .shortcutkey-setting-pane .label,
.setting-stage-pane .container-pane .setting-content-pane .about-pane .label,
.setting-stage-pane .container-pane .setting-content-pane .file-setting-pane .label {
    -fx-font-size: 15px;
}

.setting-stage-pane .container-pane .setting-content-pane .file-setting-pane .check-box {
    /*-fx-effect: innershadow(three-pass-box, -fx-second-background-color, 12, 2.0, 3, 6);*/
    -fx-font-size: 16px;
    -fx-font-weight: bold;
    -fx-text-fill: -fx-login-font-color;
    -fx-fill: -fx-login-hight-color;
    -fx-border-color: derive(-fx-main-border-color, 50%);
    -fx-border-width: 1px;
}

.setting-stage-pane .container-pane .setting-content-pane .file-setting-pane .check-box .box{
    -fx-background-color: -fx-second-background-color;
}

.setting-stage-pane .container-pane .setting-content-pane .file-setting-pane .text-field {
    -fx-border-width: 0px;
    -fx-background-color: -fx-second-background-color;
    -fx-font-size: 18px;
}

.setting-stage-pane .container-pane .setting-content-pane .shortcutkey-setting-pane .button {
    -fx-padding: 5px 10px 5px 10px;
    -fx-font-size: 18px;
    -fx-border-radius: 6px;
    -fx-background-radius: 6px;
    -fx-background-color: -fx-second-background-color;
    -fx-pref-width: 150px;
}

.setting-stage-pane .container-pane .setting-content-pane .shortcutkey-setting-pane .choice-box {
    -fx-font-size: 18px;
    -fx-font-weight: bold;
    -fx-text-fill: -fx-login-font-color;
    -fx-fill: -fx-login-hight-color;
    -fx-pref-width: 150px;
    -fx-background-color: -fx-second-background-color;
    -fx-padding: 5px;
}

.setting-stage-pane .container-pane .setting-content-pane .shortcutkey-setting-pane .choice-box .box{
    -fx-background-color: -fx-second-background-color;
}

.setting-stage-pane .container-pane .setting-content-pane .about-pane .text-area {
    -fx-border-width: 0px;
    -fx-background-color: -fx-second-background-color;
    -fx-font-size: 18px;
}

.setting-stage-pane .container-pane .setting-content-pane .about-pane .text-field {
    -fx-border-width: 0px;
    -fx-background-color: -fx-second-background-color;
    -fx-font-size: 18px;
}

/******************************************反馈控制面板*************************************************/
.feedback-pane {

}

.feedback-pane .edit-pane {
    -fx-padding: 20px;
    -fx-vgap: 10px;
    -fx-hgap: 10px;
}

.feedback-pane .list-pane {
    -fx-padding: 20px;
    -fx-spacing: 10px;
}

.feedback-pane .title {
    -fx-font-size: 16px;
    -fx-font-weight: 800;
}

.feedback-pane .text-area,
.feedback-pane .text-field {
    -fx-background-color: derive(-fx-main-background-color, 70%);
    -fx-border-color: -fx-main-border-color;
    -fx-border-width: 1px;
    -fx-border-radius: 3px;
    -fx-background-radius: 3px;
}

.feedback-info-pane {
    -fx-spacing: 10px;
    -fx-padding: 20px;
}

.feedback-info-pane .text-area,
.feedback-info-pane .text-field {
    -fx-background-color: derive(-fx-main-background-color, 70%);
    -fx-border-color: -fx-main-border-color;
    -fx-border-width: 1px;
    -fx-border-radius: 3px;
    -fx-background-radius: 3px;
}
